{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"站点明细",back:1} %}
    <div class="bcf c11">
        <div class="flex-r flex-start flex-fill padb5 padt5">

            <div class="flex4 bdso bcf pos-r r-4" style="z-index: 99">
                <div class="bdbso pad5 fs10 flrc">
                    <div class="flex1 list-style-1">[[site.name]]</div>
                </div>
                <div class="lh2 op7 pad2 pad5 fs9">
                    <div class="flrc flex1">
                        <div class=""> 负 责 人 ：</div>
                        <div class="flex2">[[site.manager]]</div>
                    </div>
                    <div class="flrc flex1">
                        <div class="">站点编号：</div>
                        <div class="flex2">[[site.sn]]</div>
                    </div>
                    <div class="flrc flex1">
                        <div class="">所在区域：</div>
                        <div class="flex2">[[site.area]]</div>
                    </div>
                    <div class="flrc flex1">
                        <div class="">中标单位：</div>
                        <div class="flex2">[[site.cat]]</div>
                    </div>
                </div>

            </div>
            <div class="pos-r flex1">
                <div class="pos-r l-4 ofh">
                    <mu-button @click="show(1)" round color="lightBlue900">基础信息</mu-button>
                    <mu-button @click="show(2)" round color="lightBlue800">站点用料</mu-button>
                    <mu-button @click="show(3)" round color="lightBlue700">派工记录</mu-button>
                    <mu-button @click="show(4)" round color="lightBlue600">附件信息</mu-button>
                    <mu-button @click="show(5)" round color="lightBlue500">队长记录</mu-button>
                    <mu-button @click="show(6)" round color="lightBlue500">审计资料</mu-button>
                </div>
            </div>
        </div>
        <div class="bc13">
            <mu-stepper :active-step="site.index">
                <mu-step><mu-step-label>录入</mu-step-label></mu-step>
                <mu-step><mu-step-label>放缆</mu-step-label></mu-step>
                <mu-step><mu-step-label>熔接</mu-step-label></mu-step>
                <mu-step><mu-step-label>资管</mu-step-label></mu-step>
            </mu-stepper>
        </div>

        {#基础信息#}
        <div class="pad10 lh2" v-if="index == 1">
            <div class="list-style-1">基础信息</div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">人员安排</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_down"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <div class="flrc">
                        <div class="bdbda flex1">放缆队长：<span>[[manager.fanglan]]</span></div>
                        <div class="bdbda flex1">熔接队长：<span>[[manager.rongjie]]</span></div>
                    </div>
                    <div class="flrc">
                        <div class="bdbda flex1">一阶段资源管理：<span>[[manager.ziguan1]]</span></div>
                        <div class="bdbda flex1">二阶段资源管理：<span>[[manager.ziguan2]]</span></div>
                    </div>
                </div>
            </div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">项目简介</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_right"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <p>[[site.info]]</p>
                </div>
            </div>
        </div>

        {#站点用料#}
        <div class="pad10 lh2" v-if="index == 2">
            <div class="list-style-1">站点用料</div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">设计用料</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_down"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <div class=" pad3 bdbda" v-for="item in matterPlan">
                        <div class="flrc c11 fs10">
                            <div class="flex1">[[item.name]]</div>
                            <div class="">[[item.num]]</div>
                        </div>
                        <div class="flrc c12">
                            <div class="">[[item.guige]]</div>
                            <div class="flex1"> / [[item.pinpai]]</div>
                            <div class="">[[item.danwei]]</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">实际用料</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_right"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <div class=" pad3 bdbda" v-for="item in matterLog">
                        <div class="flrc c11 fs10">
                            <div class="flex1">[[item.name]]</div>
                            <div class="">[[item.num]]</div>
                        </div>
                        <div class="flrc c12">
                            <div class="">[[item.guige]]</div>
                            <div class="flex1"> / [[item.pinpai]]</div>
                            <div class="">[[item.danwei]]</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {#派工记录#}
        <div class="pad10 lh2" v-if="index == 3">
            <div class="list-style-1">派工记录</div>
            <div class="c12 padt5" v-for="item,index in userLogs">
                <div class="flrc fs14">
                    <mu-icon value="how_to_reg"></mu-icon>
                    <span class="c11 flex1 fs10 padl3">[[index]] </span>
                    {#<mu-button icon><mu-icon value="keyboard_arrow_down"></mu-icon></mu-button>#}
                </div>
                <div class="fs8">
                    <div class=" pad3 bdbda" v-for="log in item">
                        <div class="flex-r flex-end c11 fs12">
                            <div class="flex1">[[log.name]]</div>
                            {#<div class="flex1 fs8 c12 padl3" v-if="log.money > 0">(薪资标准：[[log.money?log.money:'-']])</div>#}
                        </div>
                        <div class="flrc c12">
                            <div class="flex1">签到：[[log.start]]</div>
                            <div class="">签退：[[log.end]]</div>
                        </div>
                    </div>
                </div>
            </div>
            {#<div class="c12 padt5">#}
                {#<div class="flrc fs14">#}
                    {#<mu-icon value="how_to_reg"></mu-icon>#}
                    {#<span class="c11 flex1 fs10 padl3">2019-04-09 </span>#}
                    {#<mu-button icon><mu-icon value="keyboard_arrow_down"></mu-icon></mu-button>#}
                {#</div>#}
                {#<div class="fs8">#}
                    {#<div class=" pad3 bdbda" v-for="i in 5">#}
                        {#<div class="flex-r flex-end c11 fs12">#}
                            {#<div class="">张三</div>#}
                            {#<div class="flex1 fs8 c12 padl3">(薪资标准：200)</div>#}
                        {#</div>#}
                        {#<div class="flrc c12">#}
                            {#<div class="flex1">签到：08:35:16</div>#}
                            {#<div class="">签退：08:35:16</div>#}
                        {#</div>#}
                    {#</div>#}
                {#</div>#}
            {#</div>#}
        </div>

        {#附件信息#}
        <div class="pad10 lh2" v-if="index == 4">
            <div class="list-style-1">附件信息</div>
            <div class="c12 padt5">
                <mu-grid-list class="gridlist-demo">
                    <mu-grid-tile  v-for="item,index in files">
                        <img :src="item.file" @click="showPic(0,[item.file])" v-if="isPic(item.file)">
                        <img :src="picFilePath" v-if="!isPic(item.file)">
                        <span slot="title">[[item.file_name]]</span>
                        <span slot="subTitle"> <b>[[item.realName]]</b>上传</span>
                        {#<mu-button @click="showPic(index)" slot="action" icon>#}
                        {#<mu-icon value="fullscreen"></mu-icon>#}
                        {#</mu-button>#}
                        <mu-button @click="download(item.file,item.file_name)" slot="action" icon>
                            <mu-icon  value="cloud_download"></mu-icon>
                        </mu-button>
                    </mu-grid-tile>
                </mu-grid-list>
                {#<div class="fs8">#}
                    {#<div class=" pad3 bdbda" v-for="item in files">#}
                        {#<div class="flrc c11">#}
                            {#<div class="flex1 fs10">[[item.file_name]]</div>#}
                            {#<div class="flrc c11 fs14">#}
                                {#<div class="flex1"></div>#}
                                {#<div class="fs9 c12">[[item.realName]] 上传</div>#}
                                {#<mu-button @click="download(item.file)" icon><mu-icon value="save_alt"></mu-icon></mu-button>#}
                            {#</div>#}
                        {#</div>#}
                    {#</div>#}
                {#</div>#}
            </div>
        </div>

        {#队长记录#}
        <div class="pad10 lh2" v-if="index == 5">
            <div class="list-style-1">队长记录</div>
            <div class="c12 padt5">
                <div class="fs8">
                    <div class=" padt5 bdbso marb10" v-for="item in siteWorkLogs">
                        <div class="flrc c11 lh15">
                            <div class="flex1 fs10">[[item.realName]]</div>
                            <div class="fs9 c12">[[item.add_time]]</div>
                        </div>
                        <div>
                            <p>[[item.intro]]</p>
                        </div>
                        <div class="padb5">
                            <mu-grid-list class="" :cols="2" :cell-height="200" >
                                <mu-grid-tile :cols="1" :rows="1" v-for="tile, index in item.pics" :key="index">
                                    <img @click="showPic(index,item.pics)"  class="picCommonSize" :src="tile" >

                                    <mu-button slot="action" icon>
                                        <mu-icon value="save_alt"></mu-icon>
                                    </mu-button>
                                </mu-grid-tile>
                            </mu-grid-list>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {#审计资料#}
        <div class="pad10 lh2" v-if="index == 6">
            <div class="list-style-1">审计资料</div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">所属材料</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_down"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <div class="flrc">
                        <div class="bdbda flex1">材料名称：<span>[[file.name]]</span></div>
                        <div class="bdbda flex1">金额：<span>[[file.money]]</span></div>
                    </div>
                    <div class="flrc">
                        <div class="bdbda flex1">说明：<span>[[file.other]]</span></div>
                    </div>
                </div>
            </div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">送审资料</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_right"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    {#<div class="flrc">#}
                        {#<div class="bdbda flex1">工程明细：<span>工程明细</span></div>#}
                        {#<div class="bdbda flex1">金额：<span>546468</span></div>#}
                    {#</div>#}
                    <mu-tabs :value.sync="tab" color="amber600" indicator-color="amber600" inverse center>
                        <mu-tab>项目/施工信息</mu-tab>
                        <mu-tab>签报信息</mu-tab>
                        <mu-tab>时间节点</mu-tab>
                    </mu-tabs>
                    <mu-form :model="from"  label-position="left" label-width="100">
                        <div class="pad10" v-if="tab == 0">
                            <div class="fs10 padl5 padr5">
                                <mu-form-item class="bdbda" label="项目编号">
                                    <mu-text-field v-model="otherInfo.xiangmubianhao" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="项目经理">
                                    <mu-text-field v-model="otherInfo.xiangmujingli" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="包片负责人">
                                    <mu-text-field v-model="otherInfo.baopianfuzeren" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="施工单位">
                                    <mu-text-field v-model="otherInfo.shigongdanwei" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="施工单位联系人">
                                    <mu-text-field v-model="otherInfo.shigongdanweilianxiren" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="工程明细">
                                    <mu-text-field v-model="otherInfo.gongchengmingxi" :rows="3" :rows-max="6" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="验收情况">
                                    <mu-text-field v-model="otherInfo.yanshouqingkuang" :rows="3" :rows-max="6" disabled solo></mu-text-field>
                                </mu-form-item>
                            </div>
                        </div>
                        <div class="pad10" v-if="tab == 1">
                            <div class="fs10 padl5 padr5">
                                <mu-form-item class="bdbda" label="签报标题">
                                    <mu-text-field v-model="otherInfo.qianbaobiaoti" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="签报号">
                                    <mu-text-field v-model="otherInfo.qianbaohao" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="签报金额">
                                    <mu-text-field v-model="otherInfo.qianbaojine" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="审定值">
                                    <mu-text-field v-model="otherInfo.shendingzhi" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="批复值">
                                    <mu-text-field v-model="otherInfo.pifuzhi" disabled solo></mu-text-field>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="送审合计">
                                    <mu-text-field v-model="otherInfo.songshenjine" disabled solo></mu-text-field>
                                </mu-form-item>
                            </div>
                        </div>
                        <div class="pad10" v-if="tab == 2">
                            <div class="fs10 padl5 padr5">
                                <mu-form-item class="bdbda" label="派工时间">
                                    <mu-date-input v-model="otherInfo.paigongshijian" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="放缆开始时间">
                                    <mu-date-input v-model="otherInfo.fanglankaishishijian" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="放缆完成时间">
                                    <mu-date-input v-model="otherInfo.fanglanwanchegnshijian" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="开通时间">
                                    <mu-date-input v-model="otherInfo.kaitongshijian" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="验收时间">
                                    <mu-date-input v-model="otherInfo.xiangmubianhao" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                                <mu-form-item class="bdbda" label="送审日期">
                                    <mu-date-input v-model="otherInfo.songshenriqi" disabled solo landscape></mu-date-input>
                                </mu-form-item>
                            </div>
                        </div>
                    </mu-form>
                </div>
            </div>
            <div class="c12 padt5">
                <div class="flrc fs14">
                    <mu-icon value="layers"></mu-icon>
                    <span class="c11 flex1 fs10">进度记录</span>
                    <mu-button icon><mu-icon value="keyboard_arrow_right"></mu-icon></mu-button>
                </div>
                <div class="fs8">
                    <div class=" padt5 bdbso marb10" v-for="item in fileLogs">
                        <div class="flrc c11 lh15">
                            <div class="flex1 fs10">[[item.User_realName]]</div>
                            <div class="fs9 c12">[[item.FileLog_add_Date]]</div>
                        </div>
                        <div>
                            <p>[[item.FileLog_info]]</p>
                        </div>
                        <div class="padb5">
                            <mu-grid-list class="" :cols="2" :cell-height="200" >
                                <mu-grid-tile :cols="1" :rows="1" v-for="tile, index in item.FileLog_pic" :key="index">
                                    <img @click="showPic(index,item.FileLog_pic)" class="picCommonSize" :src="tile" >

                                    <mu-button @click="download(tile)" slot="action" icon>
                                        <mu-icon value="save_alt"></mu-icon>
                                    </mu-button>
                                </mu-grid-tile>
                            </mu-grid-list>
                        </div>
                    </div>
                </div>
            </div>
        </div>















    </div>

{% endblock %}
